<!--
	作者：517901425@qq.com
	时间：2017-04-24
	描述：使用纯样式实现页脚随内容高度小于可见高度时置于可见窗体底部，高度大于可见高度时置于内容底部
-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>demo</title>
		<style>
			html, body, div, p, a, span, label, h1, h2, h3, h4, h5, h6, ul, li {
				padding:0; margin:0;
			}
			html, body {
				height: 100%;
			}
			.wrap {
				min-height: 100%;
				height: auto !important;
				height: 100%;
				margin: 0 auto -60px;
			}
			.push {
				height: 60px;
			}
			.footer {
				line-height: 60px;
				text-align: center;
				background: #F9CC9D;
			}
			.content {
				width: 100%;
				height: 500px;
				margin: 0 auto;
				background: #C4DFB8;
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			<div class="content">
				<h1>Hello World!~</h1>
			</div>
			<div class="push"></div>
		</div>
		<div class="footer">此页面版权归LuLu所有 &copy; LuLu.</div>
	</body>
</html>
